<!DOCTYPE html>
<html>
<head lang="en">
	<meta charset="UTF-8">
	<title>招聘英才</title>
	<link rel="stylesheet" type="text/css" href="./css/reset.css">
	<!--<link rel="stylesheet" type="text/css" href="./css/findProject.css">-->
	<!--<link rel="stylesheet" type="text/css" href="./css/findMoney.css">-->
	<link rel="stylesheet" type="text/css" href="./css/common.css">
	<link rel="stylesheet" href="./css/pagination.css" />
	<link rel="stylesheet" href="./css/about.css" />
	<link rel="stylesheet" href="css/user/public.css">
	<script src="js/user/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="js/user/index.js" charset="utf-8"></script>
	<!--<script src="js/cookie.js"></script>-->
</head>
<body>
	<div class="top-bar">
		<div class="top-line">
			<div>专注做好投融资平台</div>
		</div>
		<div class="menu">
			<a class="logo" href="./index.html"><img src="./images/logo.png" alt="领投"/></a>
			<div class="menu-list">
				<ul>
					<li id="index"><a href="./index.html">首页</a></li>
					<li id="pageOne"><a href="find_for_project.html">找项目</a></li>
					<li id="two"><a href="./find_for_money.html">找资金</a></li>
					<!--<li id="three"><a href="three.html">创客学院</a></li>-->
					<!--<li id="four"><a href="four.html">创服务</a></li>-->
					<li id="three"><a href="./information.html">资讯</a></li>
				</ul>
				<div class="slide-line"></div>
			</div>
			<div class="login-and-sign">
				<a href="login.html">登录</a>
				<a href="register.html">注册</a>
			</div>
			<div class="index_logo_box_right">
				<p class="index_logo_box_right_back"><span>欢迎您！</span></p>
				<div  class="index_right_menu">
					<a href="user_index.html" class="index_right_menu_name"><em>lily.liu</em></a>
					<!--<div class="index_logo_box_right_xl">-->
						<!--<ul>-->
							<!--<li><a href="#">我的领投</a></li>-->
							<!--<li><a href="http://114.55.129.40/index_list.html">个人中心</a></li>-->
							<!--<li><a href="http://114.55.129.40/published_items.html">项目管理</a></li>-->
							<!--<li><a href="http://114.55.129.40/my_assets.html">我的账户</a></li>-->
						<!--</ul>-->
					<!--</div>-->
				</div>
				<p class="index_logo_box_right_quit"><img src="images/line.png" class="index_logo_box_right_back_line"><span>退出</span></p>
			</div>
		</div>
	</div>
	<div class="about_us_main">
		<div class="about_us_main_box">
			<div class="about_us_main_box_cont">
				<div class="about_us_main_box_left">
					<ul>
						<li><a href="about_us.html">关于领投</a></li>
						<li><a href="contact_us.html">联系我们</a></li>
						<li><a href="dynamic.html" class="about_us_main_box_left_on">领投动态</a></li>
						<li><a href="talent.html">招聘英才</a></li>
						<li><a href="#">合作伙伴</a></li>
						<li><a href="#">帮助中心</a></li>
						<li><a href="#">服务条款</a></li>
					</ul>
				</div>
				<div class="about_us_main_box_right">
					<p class="about_us_main_box_right_title">领投动态</p>
					<div class="talent_us_main_box_right_cont">
						<div class="dynamic_main_cont">
							<img src="images/dynamic_icon_03.jpg" alt="" title="">
							<div class="dynamic_main_cont_xq">
								<h1>个推 Spark实践教你绕过开发那些“坑”</h1>
								<p>Spark作为一个开源数据处理框架，它在数据计算过程中把中间数据直接缓存到内存里，能大大提高处理速度，特别是复杂的迭代计算。Spark主要包括Spark......</p>
								<span>2015年12月14日<em>个推</em></span>
							</div>
							<div class="cleardiv"></div>
						</div>
						<div class="dynamic_main_cont">
							<img src="images/dynamic_icon_03.jpg" alt="" title="">
							<div class="dynamic_main_cont_xq">
								<h1>个推 Spark实践教你绕过开发那些“坑”</h1>
								<p>Spark作为一个开源数据处理框架，它在数据计算过程中把中间数据直接缓存到内存里，能大大提高处理速度，特别是复杂的迭代计算。Spark主要包括Spark......</p>
								<span>2015年12月14日<em>个推</em></span>
							</div>
							<div class="cleardiv"></div>
						</div>
						<div class="cleardiv"></div>
					</div>
					<div class="pagination clearfix">
						<div id="page" class="m-pagination"></div>
					</div>
				</div>
				<div class="cleardiv"></div>
			</div>
		</div>
	</div>
	<div class="footer">
		<div class="link-list">
			<a href="">关于我们</a>
			<span class="parting-line">|</span>
			<a href="">帮助中心</a>
			<span class="parting-line">|</span>
			<a href="">合作伙伴</a>
			<span class="parting-line">|</span>
			<a href="">新闻动态</a>
			<span class="parting-line">|</span>
			<a href="">服务条款</a>
			<span class="parting-line">|</span>
			<a href="">法律法规</a>
			<span class="parting-line">|</span>
			<a href="">风险揭示</a>
			<span class="parting-line">|</span>
			<a href="">隐私保护</a>
		</div>
		<div class="about-us">
			<a>2015 领投 All rights reserved</a>
			<span class="parting-line">|</span>
			<a>杭州领投服务有限公司</a>
			<span class="parting-line">|</span>
			<a>浙ICP备11455162号-6</a>
		</div>
	</div>
	<script>
		$(document).ready(function(){
			var $pagination = $('<div></div>');
			$pagination.addClass("m-pagination").attr("id","page");
			$(".person-content").append($("#page"));
			$("#page").pagination({
				pageSize: 1,
				total: 1000,
				pageBtnCount: 6,
				showFirstLastBtn:false,
				prevBtnText:"<",
				nextBtnText:">"
			});
			$("#page").on("pageClicked", function (event, data) {
				publishPage(data);
			});

//        var projectHtml = $("#project-template").html();
//        var projectTpl= Handlebars.compile(projectHtml);
			var publishPage = function(opts) {
				//remember data
				if(!!window.sessionStorage.getItem("projectJson")){
					var projectJson = window.sessionStorage.getItem("projectJson");
				}
				$.get("lt/user/publishedProjList", _.extend({}, opts, projectJson),function(data){
					if(!data.result){
						var projectData = data.data;
						$(".project-list-show").html(publishPage);
						$("#page").pagination('setPageSize', data.total);

						for(var i=0; i < projectData.length; i++) {
							//环形进度条调用
							var cricleStyleOne = {
								backgroundColor: "#fff",//background colour of inner circle
								fontColor: "#ecb22e",//font color of progress text
								fontSize: "20px",//font size of progress text
								radius: 40,//radius of circle
								progressBarBackground: "#cdcdcd",//background colour of circular progress Bar
								progressBarColor: "#ecb22e",//colour of circular progress bar
								progressBarWidth: 10,//progress bar width
								progressPercent: 0,//progress bar width
								showText: true //show progress text or not
							};
							var cricleStyle = {
								backgroundColor: "#fff",//background colour of inner circle
								fontColor: "#ecb22e",//font color of progress text
								fontSize: "20px",//font size of progress text
								radius: 40,//radius of circle
								progressBarBackground: "#cdcdcd",//background colour of circular progress Bar
								progressBarColor: "#ecb22e",//colour of circular progress bar
								progressBarWidth: 10,//progress bar width
								progressPercent: projectData[i].finace_rate,//progress percentage out of 100
								progressValue: projectData[i].finace_rate,//diplay this value instead of percentage
								showText: true//show progress text or not
							};
							if (projectData[i].finace_rate > 50) {
								cricleStyleOne.fontColor = "#66b56a";
								cricleStyleOne.progressBarColor = "#66b56a";
								cricleStyle.fontColor = "#66b56a";
								cricleStyle.progressBarColor = "#66b56a";
							}
							//第一次随便写，如果只写一遍则不会显示%
							$("#circlePro" + i).circularloader(cricleStyleOne);
							//第二次调用显示%
							$("#circlePro" + i).circularloader(cricleStyle);
						}
					}
				});
			};
			publishPage();
		})
	</script>
	<script type="text/javascript" src="js/pagination.js" charset="utf-8"></script>
	<script src="js/underscore.min.js"></script>
	<!--<script src="js/handlebars-v4.0.5.js"></script>-->
	<script src="js/CircularLoader.js"></script>
	<script src="js/cookie.js"></script>
</body>
</html>